@charset "utf-8";

/* Reset Css */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';}

/* Basic Css */
body{ background:#fff;}
td,div,li,dd,dt,span,strong,form,p { font-family: arial, "Times New Roman";    font-size: 12px; color:#333;}
a:link,
a:visited,
a:active{ color:#33789c;text-decoration:none;}
a:hover{ color:#f90;}
textarea{ color:#666;font:15px "arial";}
input[type="button"], input[type="submit"], input[type="reset"]{border-color:#bbb; color:#464646; -moz-border-radius-bottomleft:11px; -moz-border-radius-bottomright:11px; -moz-border-radius-topleft:11px; -moz-border-radius-topright:11px; -moz-box-sizing:content-box; border-style:solid; border-width:1px; cursor:pointer; font-family:"Lucida Grande",Verdana,Arial; font-size:11px; line-height:16px; padding:2px 8px;background:url(op_bt_bg.gif) repeat-x bottom;}
input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover{border-color:#888}

/* Postion Css */
.tc { text-align:center;}
.tr { text-align:right;}
.tl { text-align:left;}
.fl { float:left;}
.fr { float:right;}
.big { font-size:18px;}
.small { font-size:10px;}
.b { font-weight:bold;}
.em { font-style:italic;}

/* Width Css */
.all_w { width:100%;}

/* Clear Float Css */
.clear { clear:both; }
.clear_after:after { display:block; content:"."; visibility:hidden; height:0; clear:both; }
.clear_both { overflow:auto; zoom:1; }

/* Position Css */
.mtop { margin-top:10px; }
.ptop { padding-top:10px; }

/* Layout Css */
#wrap{}
    /* Header Css */
    #header{height:138px; background:#000;}
        #inner-header{height:70px;}
            #header-menu{float:right; padding-top:12px; padding-right:30px;}
                #header-menu a:hover{color:#fff; text-decoration:underline;}
                #header-menu span{margin:0 15px;}
                #header-menu img{vertical-align:middle;}
            #logo{display:block; height:70px; width:178px; background:url(moal-logo.gif) no-repeat right center;}
            #menu{height:32px;}
                #menu ul{margin-left:25px;}
                #menu ul li{display:block; float:left; height:32px; line-height:32px; padding:0 12px; margin-right:6px;}
                #menu ul li a:link, #menu ul li a:visited, #menu ul li a:active { color:#990; }
                #menu ul li a:hover{font-weight:bold;color:#33789c;}
                    #menu ul .focus{background:url(menu_bg.gif) repeat-x;-moz-border-radius:5px 5px 0 0;}
                    #menu ul .focus a:link, #menu ul .focus a:visited, #menu ul .focus a:active, #menu ul .focus a:hover {color:#33789c;font-weight:bold;}
            #sub-menu{height:36px; background:#fff;}
                #sub-menu ul {margin-left:25px;}
                    #sub-menu ul li{display:block; height:36px; line-height:36px; padding:0 12px; background:url(tag_line.gif) no-repeat right; float:left; text-align:center; text-indent:-1px;}

    /* Wrapper Css */
    #inner-wrap{background:url(wrapper_bg.gif) repeat-x; min-height:365px;}
        #im-here{margin-left:25px; height:50px; font-size:25px; color:#666; line-height:50px;font-family:"Times New Roman";font-style:italic;}
        #box{margin-left:25px;}
            #inner-box{width:100%; margin-left:-310px; float:left;}
                #content{margin-left:310px;}
                #sidebar{width:230px; float:right; margin-right:25px;}
                #content, #sidebar, #inner-content{background:#fff; padding:15px;-moz-border-radius:5px;}
                #inner-content{margin:0 25px 0 1px;}

    /* Footer Css */
    #footer{background:url(footer_bg.gif) repeat-x;height:49px;padding-left:45px;padding-top:25px;}
        #footer p{margin:0;margin-left:40px;}
        #footer .poweredby{font-weight:bold;}

/* Dashboard Layout Css */
#rightnow{}
#quick-list{}
    #smarty-poster{}
        #tips{height:20px;line-height:20px;margin:0;}
            #message{border:1px #bbb solid}
            #wordcounts{float:right;font-weight:bold;color:#999;}
            #smarty-poster .bt-span{padding-top:8px;margin:0;}
#comments-list{}
    #comments-list .note ul li{border-bottom:1px #f3f3f3 solid;}
        #comments-list .note ul li img{display:block; height:50px; width:50px; float:left; margin:5px; margin-right:10px;border:2px #fff solid;}
        #comments-list .note ul li p{margin:0;}
        #comments-list .note ul li cite{display:block;height:22px;line-height:22px;}
        #comments-list .note ul li .opt{visibility:hidden;text-align:right;padding-right:12px;}
            #comments-list .note ul li:hover .opt{visibility:visible;}
            #comments-list .note ul li:hover{background:#f3f3f3;}
#active-user{}
    #active-user .list{margin:0 auto; width:200px}
        #active-user .list li{width:50px; height:50px; text-align:center; display:block; float:left;}
            #active-user .list li img{width:40px;border:2px #fff solid;}
                #active-user .list li img:hover{width:40px;border:2px #39c solid;}
#hot-posts{}
    #hot-posts .list{}
        #hot-posts .list li{height:30px;line-height:30px;border-bottom:1px #f3f3f3 solid; background:url(arrow.gif) no-repeat 8px 12px; text-indent:22px;}

/* Sidebar Css */
#sidebar{min-height:220px}
    #sidebar .sidebar{}
        #sidebar .sidebar h3{ height:30px; line-height:30px; margin:0; border-bottom:1px #dedede solid; text-indent:1.8em; background:url(dot.gif) no-repeat 5px 9px;}
        #sidebar .sidebar .note{padding:12px;}
        #sidebar .sidebar li{ height:25px; line-height:25px; text-indent:2.0em; }
        #sidebar .sidebar li a{ display:block; background:url(arrow.gif) no-repeat 8px 8px;  border-bottom:1px #f3f3f3 solid; }
        #sidebar .sidebar li a:hover{ background-position:10px 8px; background-color:#f3f3f3; border-color:#ccc;}

/* Command Options Css - The options in all lists or more */
.view_type{margin:0;height:20px;line-height:20px;}
.cmd_options{}
    .cmd_options .pager{float:right;height:20px;line-height:20px}
        .cmd_options .pager .displaying_num{font-family:Georgia,"Times New Roman","Bitstream Charter",Times,serif; font-size:12px; font-style:italic; margin-right:10px; color:#999;}
        .cmd_options .pager .current,.cmd_options .pager a{padding:3px 6px; background:#eee; margin-right:5px;border:1px #ccc solid;-moz-border-radius:5px;}
        .cmd_options .pager .current{background:#ccc}
        .cmd_options .pager .dots{padding:3px 6px; margin-right:5px;}
    .cmd_options .actions{}
        .cmd_options .actions select{border-width:1px; font-family:"Lucida Grande",Verdana,Arial,"Bitstream Vera Sans",sans-serif; font-size:11px; height:2em; line-height:20px; padding:2px; vertical-align:top;}
            .cmd_options .actions select option{padding-right:15px;}
        .cmd_options .actions span{padding:0 8px}


/* Box Css */
.nbox{border:1px #f3f3f3 solid;}
    .nbox h3 { background:url(menu_bg.gif) repeat-x bottom; height:30px; line-height:30px; margin:0; color:#000; padding-left:1em;}
        .nbox h3 span { float:right; margin-right:1em;}
    .nbox .topline { border-top:1px #f3f3f3 solid;}
    .nbox .note { padding:10px;}

.tbox{border:1px #dedede solid;}
    .tbox th{ background:url(menu_bg.gif) repeat-x bottom; height:30px; line-height:30px; margin:0; color:#000; font-size:13px; border-bottom:1px #bbb solid;font-weight:bold;}
    .tbox td{ padding:6px 0; vertical-align: top; border-bottom:1px #eee solid;}
        .tbox .post-title a{ font-weight:bold;}
        .tbox .opt{visibility: hidden; text-align:left; height:20px; line-height:20px;}
        .tbox td a:hover{color:#369}
    .tbox tr:hover td{background:#f3f3f3;}
    .tbox tr:hover .opt{visibility: visible;}
        .tbox .post-title .opt a{ font-weight:100;}
    .tbox span a{ margin:0 auto; display:block; width:30px; height:18px; line-height:18px; font-size:10px; text-align:center; background:#999; -moz-border-radius:5px; color:#fff;}
        .tbox span a:hover{ background:#c63; color:#fff;}
    .tbox .tc{ padding-left:0;}
    .tbox .delete:link,.tbox .delete:active,.tbox .delete:visited{color:#c00}
        .tbox .delete:hover{text-decoration:underline}
    .tbox .publish:link,.tbox .publish:active,.tbox .publish:visited{color:#f90}
        .tbox .publish:hover{text-decoration:underline}

/* Comments List Css */
.comments{}
    .comments .comment_author{}
        .comments .comment_author cite{float:left;margin-right:8px}
    .comments .comment_content{}
        .comments .comment_content .submintted{color:#666}
        .comments .comment_content .note{padding:8px 0;}
    .comments .comment_response{}
        .comments .comment_response p{margin:8px 0}
        .comments .comment_response span{float:left; margin-right:8px}

/* Form Css */
.form{}
    .form p{margin:0; margin-bottom:20px;}
    .form label{height:25px;line-height:25px}
    .radius{-moz-border-radius:5px;border:1px #bbb solid;padding:5px;}
    .noscroll{overflow:hidden;}
    .bt{width:120px!important; height:34px!important; line-height:34px!important; background:url(btbg.png) no-repeat!important; border:0!important; font-size:13px!important; color:#333!important; font-weight:bold!important;padding:0!important;-moz-border-radius:0!important;}
        .bt:hover{color:#33789c!important; background-position:0 -34px!important;}
    input[type="text"],input[type="password"]{width:98.5%;height:22px;padding-top:5px;border:1px #bbb solid;-moz-border-radius:5px;color:#666;font:15px "arial";padding-left:8px;}
    #memo,.description,.comment-content{width:98%;border:1px #bbb solid;-moz-border-radius:5px;padding:5px;}
    .description{margin-top:10px;}
    .cate_list{border:none;}
        .cate_list option{padding:5px 0;border-bottom:1px #ccc solid;padding-left:12px;font-family:Verdana,Arial;color:#666;}

		#checktags {}
			#checktags .tagslist { padding:12px; border:2px #ccc dashed; margin:10px; }
				#checktags .tagslist span { float:left; cursor:pointer;	padding:4px 8px; margin:0 5px; background:#ccc; border:1px #999 solid; }
				#checktags .tagslist span:hover { border:#000 solid 1px; }

/* Setting Form Css*/
.settings-form{}
    .settings-form fieldset { display:block; padding:5px 10px 5px 10px; line-height:20px; margin-bottom:10px; border:1px solid #d9e6f0;}
        .settings-form fieldset legend { font-size:12px; font-weight:bold; margin-bottom:5px; width:200px; text-align:center; border:1px solid #d9e6f0; background:#fff url(form_blue.gif) repeat-x center left; color:#375b91; padding:3px 12px;-moz-border-radius:15px}
        .settings-form label{display:block; width:8%;float:left;}
        .settings-form input{float:left;}
        .settings-form br{clear:both;display:block;margin:10px 0;}
        .settings-form input[type="button"]{margin-right:10px;}

/* Table Form Css */
.tableform{}
    .tableform table td{padding:8px 0;}

/* Icon Style */
.addnew {background:url(add.png) no-repeat;}
.comment {background:url(comments.gif) no-repeat;}
.reload {background:url(reload.png) no-repeat;}
.addnew,.comment,.reload {padding-left:20px;}
